import React from 'react';

import type { ReactNode } from 'react';

import styles from './index.less';

type Props = {
  children: ReactNode;
  baseStyles?: React.CSSProperties;
  boxStyles?: React.CSSProperties;
};
const BaseDiv = (props: Props) => {
  return (
    <div style={props.baseStyles} className={styles.base}>
      <div style={props.boxStyles} className={styles.baseBox}>
        {props.children}
      </div>
    </div>
  );
};

export default BaseDiv;
